<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Photoshop</title>
    <link rel="stylesheet" href="./css/a-ps.css">
    <link rel="stylesheet" href="./css/导航栏.css">
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>
<!-- 版权说明：以下图片取自baidu.image ;结构参考思缘教程http://www.missyuan.net/photoshop/；跳转页内容来自学习通、-->

<body>
    <!-- 整体以蓝色为基调，浅蓝、深蓝、灰蓝等等都可以使用（适合为主） -->
    <!-- 整个框架（盒子） -->
    <div>

         <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

         <div>
            <!-- logo名字 -->
            <!-- 搜索栏(含js) -->
            <!-- 小组信息 -->
            <div class="title">
                <img src="../兰/images/logo.png" alt="">
                <input id="searchInput" placeholder="请输入关键词" type="text">
                <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
                <div class="three">
                    <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                    <p><a href="https://www.bilibili.com/video/BV1SJhVexEeg/?vd_source=6f4b3c43be3dc4f105a985362d1dce81" target="_blank">视频</a></p>
                    <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
                </div>
            </div>
        </div>

        <!-- 导航栏 -->
        <d>
            <!-- 主菜单 -->
            <div class="nav">
                <ul>
                    <!-- 导航栏中 -->
                    <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                    <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                    <li><a href="../index首页.html">首页</a></li>

                    <li><a href="../li/hcj.html">Web前端</a></li>
                    <li><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                    <li><a href="../兰/摄影.html">Photography</a></li>
                    <div class="deng">
                        <!-- 导航栏右 -->
                        <li class="qr">
                            <!-- 鼠标悬停时下方出现二维码 -->
                            <a href="">
                                <span>客户端下载</span>
                            </a>
                            <!-- 二维码 -->
                            <div>
                                <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                            </div>
                        </li>
                        <!-- (含js) -->
                        <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                        <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                    </div>
                </ul>
            </div>
    </div>

        <ul>
        <div class="tit">
            <li>
                <!-- 简介可以放前面做介绍使用 -->
                <h3>简介：Photoshop（简称PS）<br>
                    是一款由Adobe Systems开发和发行的图像处理软件，全称为Adobe Photoshop。<br>
                    它主要用于光栅图像编辑、图形设计和数字艺术，提供强大的编辑工具和功能，如图像编辑、图像合成、校色调色及功能色效制作等。</h3>
            </li>
        </div>
            <div class="content">
            <!-- 以下结构为li包含着div，div里面有图片 以及 鼠标悬停效果显示用的文字（h5），a链接已经全部连到跳转页 -->
            <li>
                <div>
                    1.构图拍摄<br>
                    <a href="./ps1.html">
                        <img src="./ps-image/构图拍摄1.jpg" alt="">
                        <h5>ps摄影构图拍摄技巧</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    2.波点图制作<br>
                    <a href="./ps2.html">
                        <img src="./ps-image/波点图片.jpg" alt="">
                        <h5>ps波点图制作技巧</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    3.日历制作（选区）<br>
                    <a href="./ps3.html">
                        <img src="./ps-image/日历图片.jpg" alt="">
                        <h5>ps日历制作（选区）技巧</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    4.舞蹈广告画效果<br>
                    <a href="./ps4.html">
                        <img src="./ps-image/舞蹈广告图片.jpg" alt="">
                        <h5>ps舞蹈广告画效果方法</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    5.老照片修复<br>
                    <a href="./ps5.html">
                        <img src="./ps-image/老照片修复.jpg" alt="">
                        <h5>ps老照片修复技巧</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    6.玻璃文字<br>
                    <a href="./ps6.html">
                        <img src="./ps-image/玻璃文字.jpg" alt="">
                        <h5>ps玻璃文字技巧</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    7.国家地理封面设计<br>
                    <a href="./ps7.html">
                        <img src="./ps-image/国家地理封面设计.jpg" alt="">
                        <h5>ps国家地理封面设计技巧</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    8.层次丰富的黑白照片效果
                    <a href="./ps8.html">
                        <img src="./ps-image/层次丰富的黑白照片效果.jpg" alt="">
                        <h5>ps制作层次丰富的黑白照片效果</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    9.鱼鹰抠图
                    <a href="./ps9.html">
                        <img src="./ps-image/鱼鹰抠图.jpg" alt="">
                        <h5>ps制作鱼鹰抠图</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    10.动物皮毛抠图
                    <a href="./ps10.html">
                        <img src="./ps-image/动物皮毛抠图.jpg" alt="">
                        <h5>ps动物皮毛抠图技巧</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    11.透明酒杯抠图
                    <a href="./ps11.html">
                        <img src="./ps-image/透明酒杯抠图.jpg" alt="">
                        <h5>ps如何实现透明酒杯抠图</h5>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    12.钢笔抠图
                    <a href="./ps12.html">
                        <img src="./ps-image/钢笔抠图.jpg" alt="">
                        <h5>ps如何使用钢笔抠图</h5>
                    </a>
                </div>
            </li>
        </div>

        </ul>
    </div>

            <!-- 页脚（含仓库） -->
            <div
            style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
            <!-- 页脚框架 -->
            <div>
                <div>
                    <!-- logo为单独一行 -->
                    <div>
                        <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
                    </div>
                    <!-- csdn二维码和w3cschool二维码 为一行 -->
                    <div>
                        <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                        <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                            alt="">
                    </div>
                </div>

                <!-- （一行白字）相关链接、版权声明等 -->
                <div>
                    <style>
                        a {
                            color: black;
                        }
                    </style>
                    <a href="" target="_blank">相关链接</a>
                    <a href="" target="_blank">隐私政策</a>
                    <a href="" target="_blank">版权声明</a>
                    <a href="" target="_blank">反馈箱</a>
                    <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
                    <a href="../兰/小组.html" target="_blank">关于我们</a>
                </div>

                <!-- 灰白字体 -->
                <div>
                    <div>
                        &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                        <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
                    </div>
                    <div>
                        网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
                    </div>
                </div>
            </div>
        </div>
        <script src="../哲/搜索二.js"></script>
</body>

</html>